<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <title>综合实例</title>
</head>
<body bgcolor="#E3E3E3">
     <h2 align="center">综合展现HTML标记</h2>
         <hr align="center" size="2" width="300">
         <center>
         <font size="4">下面展示表单的应用</font>
         <form action="" method="post">
         <table border="1" width="400" cellpadding="1" cellspacing="1">
                <tr>
                <td>姓名： </td><td><input type="text" name="username"
                          maxlength="10" size="20"></td>
                </tr>
                <tr>
                <td>密码： </td><td><input type="password" name="pwd"
                          size="21"></td>
                </tr>
                <tr>
                <td>性别： </td><td><input type="radio" name="sex" checked>男
                          <input type="radio" name="sex">女</td>
                </tr>
                <tr>
                <td>喜欢的水果： </td><td><input type="checkbox" name="fruit" 
                          checked>苹果
                          <input type="checkbox" name="fruit">香蕉
                          <input type="checkbox" name="fruit">橘子</td>
                </tr>
                <tr>
                <td>备注： </td><td><textarea rows="3" cols="25">滚动文本框
                          </textarea></td>
                </tr>
                <tr>
                <td>专业： </td>
                     <td><select name="zy" size="1">
                          <option value="计算机 ">计算机</option>
                          <option value="英语 ">英语</option>
                          <option value="数学 ">数学</option>
                     </select></td>
                </tr>
                <tr>
                <td>课程： </td>
                     <td><select name="kc" size="3" multiple>
                          <option value="计算机导论">计算机导论</option>
                          <option value="数据结构">数据结构</option>
                          <option value="软件工程">软件工程</option>
                          <option value="高等数学">高等数学</option>
                          <option value="离散数学">离散数学</option>
                     </select></td>
                </tr>
                <tr>
                <td><input type="submit" value="提交"/></td>
                <td><input type="reset" value="重置"/></td>
                </tr>
         </table>
         </form>
         </center>
</body>
</html>